/*
 * @Author: your name
 * @Date: 2021-06-18 11:10:44
 * @LastEditTime: 2021-06-22 09:34:19
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \黑马头条\totiao\src\main.js
 */
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// 配置vant组件库
import Vant, { Lazyload } from 'vant'
// 只有less文件才支持主题定制
import 'vant/lib/index.less'
// 导入rem适配的方法
import 'amfe-flexible'
// 导入 dayjs 的核心模块
import dayjs from 'dayjs'
// 导入计算相对时间的插件
import relativeTime from 'dayjs/plugin/relativeTime'
// 导入中文语言包
import zh from 'dayjs/locale/zh-cn'

Vue.use(Vant)
// 将vant组件中的lazyload注册为全局自定义指令
Vue.use(Lazyload)

Vue.config.productionTip = false
// 配置“计算相对时间”的插件
dayjs.extend(relativeTime)
// 配置中文语言包
dayjs.locale(zh)

// dt 参数是文章的发表时间
Vue.filter('dateFormat', dt => {
  // 调用 dayjs() 得到的是当前的时间
  // .to() 方法的返回值，是计算出来的“相对时间”
  return dayjs().to(dt)
})

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
